
<template>

  <div id="app">
    <h1>定制方案</h1>

    <div class="ipt">
      <Search />
      <TabWidget />
      <Advice />
      <Content />
    </div>
  </div>
</template>

<script>
import Search from "../../components/Customized/Search";
import TabWidget from "../../components/Customized/TabWidget.vue";
import get from "../../utils/request.js";
import { CoustomizedAPI } from "../../services/CoustomizedData.js";
import Advice from "@/components/Customized/Advice.vue";
import Content from "@/components/Customized/Content.vue";

export default {
  data() {
    return {
      list: [],
    };
  },
  components: {
    Search,
    TabWidget,
    Advice,
    Content,
  },
  async created() {
    const coustDatas = await CoustomizedAPI();
    console.log(coustDatas);
  },
};
</script>

<style lang="scss" scoped>

#app {
  background: #ffffff;
  height: 1624px;
  overflow-x: hidden;
  overflow-y: scroll;
}
h1 {
  width: 9rem;
  height: 3.125rem;
  font-size: 36px;
  font-family: PingFangSC-Medium-, PingFangSC-Medium;
  font-weight: normal;
  color: #333232;
  line-height: 43px;
  margin-left: 303px;
  padding-top: 20px;
}
</style>
